<script>
	import Button from '@smui/button';
	import { Icon } from '@smui/button';
	import { createEventDispatcher } from 'svelte';

	const dispatch = createEventDispatcher();

	let onClick = () => dispatch('click');

	export let text = '';
	export let icon = 'add';
</script>

<Button
	variant="raised"
	class="color-gray-7!"
	style="--mdc-theme-primary: #d1d5db"
	on:click={onClick}
>
	{#if icon}<Icon class="material-symbols-outlined">{icon}</Icon>{/if}
	{text}
</Button>
